<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- Head -->
<head>
    <meta charset="utf-8"/>
    <title>${session.SOFT_NAME }_智能办公系统</title>
    <meta name="description" content="Dashboard"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <%include("/app/resapi/style.html"){}%>
</head>
<body style="overflow-y: auto;">
<div class="page-body">

    <div class="row">
        <div class="col-md-12">
            <div class="profile-container">
                <div class="profile-header row">
                    <div class="col-md-2 col-md-4 col-sm-12 text-center">
                        <img src="/assets/img/avatars/divyia.jpg" alt="" class="header-avatar"/>
                    </div>
                    <div class="col-md-5 col-md-8 col-sm-12 profile-info">
                        <div class="header-fullname">Kim Ryder</div>
                        <a href="#" class="btn btn-palegreen btn-sm  btn-follow"> <i class="fa fa-check"></i> Following
                        </a>
                        <div class="header-information">Kim is a software developer in Microsoft. She works in ASP.NET MVC Team and collaborates with other teams.</div>
                    </div>
                    <div class="col-md-5 col-md-12 col-sm-12 col-xs-12 profile-stats">
                        <div class="row">
                            <div class="col-md-4 col-md-4 col-sm-4 col-xs-12 stats-col">
                                <div class="stats-value pink">284</div>
                                <div class="stats-title">FOLLOWING</div>
                            </div>
                            <div class="col-md-4 col-md-4 col-sm-4 col-xs-12 stats-col">
                                <div class="stats-value pink">803</div>
                                <div class="stats-title">FOLLOWERS</div>
                            </div>
                            <div class="col-md-4 col-md-4 col-sm-4 col-xs-12 stats-col">
                                <div class="stats-value pink">1207</div>
                                <div class="stats-title">POSTS</div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-4 col-md-4 col-sm-4 col-xs-4 inlinestats-col">
                                <i class="glyphicon glyphicon-map-marker"></i> Boston
                            </div>
                            <div class="col-md-4 col-md-4 col-sm-4 col-xs-4 inlinestats-col">
                                Rate: <strong>$250</strong>
                            </div>
                            <div class="col-md-4 col-md-4 col-sm-4 col-xs-4 inlinestats-col">
                                Age: <strong>24</strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="profile-body">
                    <div class="col-md-12">
                        <div class="tabbable">
                            <ul class="nav nav-tabs tabs-flat  nav-justified" id="myTab11">
                                <li class="active"><a data-toggle="tab" href="#overview"> Overview </a></li>
                                <li class="tab-red"><a data-toggle="tab" href="#timeline"> Events </a></li>
                                <li class="tab-palegreen"><a data-toggle="tab" id="contacttab" href="#contacts"> Contacts </a></li>
                                <li class="tab-yellow"><a data-toggle="tab" href="#settings"> Settings </a></li>
                            </ul>
                            <div class="tab-content tabs-flat">
                                <div id="overview" class="tab-pane active">
                                    <div class="row profile-overview">
                                        <div class="col-md-8">
                                            <h6 class="row-title before-themeprimary no-margin-top">PROFILE VISITS</h6>
                                            <div id="visit-chart" class="chart"></div>
                                            <h6 class="row-title before-orange">FOLLOWERS</h6>
                                            <div class="row">
                                                <div class="col-md-4 col-sm-6 col-xs-12">
                                                    <div class="databox databox-graded">
                                                        <div class="databox-left no-padding">
                                                            <img src="/assets/img/avatars/javi-jimenez.jpg" style="width: 65px; height: 65px;">
                                                        </div>
                                                        <div class="databox-right padding-top-20 bg-whitesmoke">
                                                            <div class="databox-stat orange radius-bordered">
                                                                <i class="stat-icon glyphicon glyphicon-remove"></i>
                                                            </div>
                                                            <div class="databox-text darkgray">JAVI JIMENEZ</div>
                                                            <div class="databox-text darkgray">Manager</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-6 col-xs-12">
                                                    <div class="databox databox-graded">
                                                        <div class="databox-left no-padding">
                                                            <img src="/assets/img/avatars/adam-jansen.jpg" style="width: 65px; height: 65px;">
                                                        </div>
                                                        <div class="databox-right padding-top-20 bg-whitesmoke">
                                                            <div class="databox-stat palegreen radius-bordered">
                                                                <i class="stat-icon glyphicon glyphicon-plus"></i>
                                                            </div>
                                                            <div class="databox-text darkgray">LEE MUNROE</div>
                                                            <div class="databox-text darkgray">Developer</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-6 col-xs-12">
                                                    <div class="databox databox-graded">
                                                        <div class="databox-left no-padding">
                                                            <img src="/assets/img/avatars/nicolai-larson.jpg" style="width: 65px; height: 65px;">
                                                        </div>
                                                        <div class="databox-right padding-top-20 bg-whitesmoke">
                                                            <div class="databox-stat palegreen radius-bordered">
                                                                <i class="stat-icon glyphicon glyphicon-plus"></i>
                                                            </div>
                                                            <div class="databox-text darkgray">NICOLAI LARSON</div>
                                                            <div class="databox-text darkgray">Manager</div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <h6 class="row-title before-palegreen">FOLLOWING</h6>
                                            <div class="row">
                                                <div class="col-md-4 col-sm-6 col-xs-12">
                                                    <div class="databox databox-graded">
                                                        <div class="databox-left no-padding">
                                                            <img src="/assets/img/avatars/john-smith.jpg" style="width: 65px; height: 65px;">
                                                        </div>
                                                        <div class="databox-right padding-top-20 bg-whitesmoke">
                                                            <div class="databox-stat orange radius-bordered">
                                                                <i class="stat-icon glyphicon glyphicon-remove"></i>
                                                            </div>
                                                            <div class="databox-text darkgray">JOHN SMITH</div>
                                                            <div class="databox-text darkgray">Architect</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-6 col-xs-12">
                                                    <div class="databox databox-graded">
                                                        <div class="databox-left no-padding">
                                                            <img src="/assets/img/avatars/matt-cheuvront.jpg" style="width: 65px; height: 65px;">
                                                        </div>
                                                        <div class="databox-right padding-top-20 bg-whitesmoke">
                                                            <div class="databox-stat palegreen radius-bordered">
                                                                <i class="stat-icon glyphicon glyphicon-plus"></i>
                                                            </div>
                                                            <div class="databox-text darkgray">MATT CHEUVRONT</div>
                                                            <div class="databox-text darkgray">Developer</div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-4 col-sm-6 col-xs-12">
                                                    <div class="databox databox-graded">
                                                        <div class="databox-left no-padding">
                                                            <img src="/assets/img/avatars/stephanie-walter.jpg" style="width: 65px; height: 65px;">
                                                        </div>
                                                        <div class="databox-right padding-top-20 bg-whitesmoke">
                                                            <div class="databox-stat orange radius-bordered">
                                                                <i class="stat-icon glyphicon glyphicon-remove"></i>
                                                            </div>
                                                            <div class="databox-text darkgray">KATE WALTER</div>
                                                            <div class="databox-text darkgray">Developer</div>
                                                        </div>
                                                    </div>
                                                </div>

                                            </div>
                                            <h6 class="row-title before-yellow">YOU MAY ALSO KNOW</h6>
                                            <div class="row">
                                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    <div class="databox databox-xlg databox-halved databox-shadowed databox-vertical no-margin-bottom">
                                                        <div class="databox-top bg-white padding-10">
                                                            <div class="col-md-4 col-sm-4 col-xs-4">
                                                                <img src="/assets/img/avatars/sergey-azovskiy.jpg" style="width: 75px; height: 75px;" class="image-circular bordered-3 bordered-palegreen">
                                                            </div>
                                                            <div class="col-md-8 col-sm-8 col-xs-8 text-align-left padding-10">
                                                                <span class="databox-header carbon no-margin">Martin James</span> <span class="databox-text lightcarbon no-margin"> Software Manager at Microsoft </span>
                                                            </div>
                                                        </div>
                                                        <div class="databox-bottom bg-white no-padding">
                                                            <div class="databox-row row-12">
                                                                <div class="databox-row row-6 no-padding">
                                                                    <div class="databox-cell cell-4 no-padding text-align-center bordered-right bordered-platinum">
                                                                        <span class="databox-text sonic-silver  no-margin">Posts</span> <span class="databox-number lightcarbon no-margin">510</span>
                                                                    </div>
                                                                    <div class="databox-cell cell-4 no-padding text-align-center bordered-right bordered-platinum">
                                                                        <span class="databox-text sonic-silver no-margin">Followers</span> <span class="databox-number lightcarbon no-margin">908</span>
                                                                    </div>
                                                                    <div class="databox-cell cell-4 no-padding text-align-center">
                                                                        <span class="databox-text sonic-silver no-margin">Following</span> <span class="databox-number lightcarbon no-margin">286</span>
                                                                    </div>
                                                                </div>
                                                                <div class="databox-row row-6 padding-10">
                                                                    <button class="btn btn-palegreen btn-sm pull-right">FOLLOW</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-6 col-sm-6 col-xs-12">
                                                    <div class="databox databox-xlg databox-halved databox-shadowed databox-vertical no-margin-bottom">
                                                        <div class="databox-top bg-white padding-10">
                                                            <div class="col-md-4 col-sm-4 col-xs-4">
                                                                <img src="/assets/img/avatars/osvaldus-valutis.jpg" style="width: 75px; height: 75px;" class="image-circular bordered-3 bordered-palegreen">
                                                            </div>
                                                            <div class="col-md-8 col-sm-8 col-xs-8 text-align-left padding-10">
                                                                <span class="databox-header carbon no-margin">Osvaldus Valutis</span> <span class="databox-text lightcarbon no-margin"> Graphic Designer at Yahoo! </span>
                                                            </div>
                                                        </div>
                                                        <div class="databox-bottom bg-white no-padding">
                                                            <div class="databox-row row-12">
                                                                <div class="databox-row row-6 no-padding">
                                                                    <div class="databox-cell cell-4 no-padding text-align-center bordered-right bordered-platinum">
                                                                        <span class="databox-text sonic-silver  no-margin">Posts</span> <span class="databox-number lightcarbon no-margin">102</span>
                                                                    </div>
                                                                    <div class="databox-cell cell-4 no-padding text-align-center bordered-right bordered-platinum">
                                                                        <span class="databox-text sonic-silver no-margin">Followers</span> <span class="databox-number lightcarbon no-margin">634</span>
                                                                    </div>
                                                                    <div class="databox-cell cell-4 no-padding text-align-center">
                                                                        <span class="databox-text sonic-silver no-margin">Following</span> <span class="databox-number lightcarbon no-margin">100</span>
                                                                    </div>
                                                                </div>
                                                                <div class="databox-row row-6 padding-10">
                                                                    <button class="btn btn-palegreen btn-sm pull-right">FOLLOW</button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <form method="post" class="well padding-bottom-10" onsubmit="return false;">
													<span class="input-icon icon-right"> <textarea rows="2" class="form-control" placeholder="Post a new message"></textarea> <i class="fa fa-camera themeprimary"></i>
													</span>
                                                <div class="padding-top-10 text-align-right">
                                                    <a class="btn btn-sm btn-primary"> Send </a>
                                                </div>
                                            </form>
                                            <div>
                                                <div class="comment">
                                                    <img src="/assets/img/avatars/adam-jansen.jpg" alt="" class="comment-avatar">
                                                    <div class="comment-body">
                                                        <div class="comment-text">
                                                            <div class="comment-header">
                                                                <a href="#" title="">Adam Jansen</a><span>about 2 minuts ago</span>
                                                            </div>
                                                            Story based around the idea of time lapse, animation to post soon!
                                                        </div>
                                                        <div class="comment-footer">
                                                            <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> <a href="#">Reply</a>
                                                        </div>
                                                    </div>

                                                    <div class="comment">
                                                        <img src="/assets/img/avatars/john-smith.jpg" alt="" class="comment-avatar">
                                                        <div class="comment-body">
                                                            <div class="comment-text">
                                                                <div class="comment-header">
                                                                    <a href="#" title="">John Smith</a><span>about 1 hour ago</span>
                                                                </div>
                                                                Wow impressive!
                                                            </div>
                                                            <div class="comment-footer">
                                                                <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> <a href="#">Reply</a>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="comment">
                                                        <img src="/assets/img/avatars/matt-cheuvront.jpg" alt="" class="comment-avatar">
                                                        <div class="comment-body">
                                                            <div class="comment-text">
                                                                <div class="comment-header">
                                                                    <a href="#" title="">Matt Cheuvront</a><span>about 2 hours ago</span>
                                                                </div>
                                                                Wow, that is really nice.
                                                            </div>
                                                            <div class="comment-footer">
                                                                <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> <a href="#">Reply</a>
                                                            </div>
                                                        </div>

                                                        <div class="comment">
                                                            <img src="/assets/img/avatars/stephanie-walter.jpg" alt="" class="comment-avatar">
                                                            <div class="comment-body">
                                                                <div class="comment-text">
                                                                    <div class="comment-header">
                                                                        <a href="#" title="">Stephanie Walter</a><span>3 hours ago</span>
                                                                    </div>
                                                                    Nice work, makes me think of The Money Pit.
                                                                </div>
                                                                <div class="comment-footer">
                                                                    <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> <a href="#">Reply</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="comment">
                                                    <img src="/assets/img/avatars/divyia.jpg" alt="" class="comment-avatar">
                                                    <div class="comment-body">
                                                        <div class="comment-text">
                                                            <div class="comment-header">
                                                                <a href="#" title="">Kim Ryder</a><span>about 4 hours ago</span>
                                                            </div>
                                                            i'm in the middle of a timelapse animation myself! (Very different though.) Awesome stuff.
                                                        </div>
                                                        <div class="comment-footer">
                                                            <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> <a href="#">Reply</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="comment">
                                                    <img src="/assets/img/avatars/nicolai-larson.jpg" alt="" class="comment-avatar">
                                                    <div class="comment-body">
                                                        <div class="comment-text">
                                                            <div class="comment-header">
                                                                <a href="#" title="">Nicolai Larson</a><span>10 hours ago</span>
                                                            </div>
                                                            the parallax is a little odd but O.o that house build is awesome!!
                                                        </div>
                                                        <div class="comment-footer">
                                                            <a href="#"><i class="fa fa-thumbs-o-up"></i></a> <a href="#"><i class="fa fa-thumbs-o-down"></i></a> <a href="#">Reply</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="timeline" class="tab-pane">
                                    <ul class="timeline animated fadeInDown">
                                        <li>
                                            <div class="timeline-datetime">
                                                <span class="timeline-time"> 8:19 </span><span class="timeline-date">Today</span>
                                            </div>
                                            <div class="timeline-badge blue">
                                                <i class="fa fa-tag"></i>
                                            </div>
                                            <div class="timeline-panel">
                                                <div class="timeline-header bordered-bottom bordered-blue">
                                                    <span class="timeline-title"> New Items Arrived </span>
                                                    <p class="timeline-datetime">
                                                        <small class="text-muted"> <i class="glyphicon glyphicon-time"> </i> <span class="timeline-date">Today</span> - <span class="timeline-time">8:19</span>
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>Purchased new stationary items for head office</p>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="timeline-inverted">
                                            <div class="timeline-datetime">
                                                <span class="timeline-time"> 3:10 </span><span class="timeline-date">Today</span>
                                            </div>
                                            <div class="timeline-badge darkorange">
                                                <i class="fa fa-map-marker font-120"></i>
                                            </div>
                                            <div class="timeline-panel bordered-right-3 bordered-orange">
                                                <div class="timeline-header bordered-bottom bordered-blue">
                                                    <span class="timeline-title"> Visit Appointment </span>
                                                    <p class="timeline-datetime">
                                                        <small class="text-muted"> <i class="glyphicon glyphicon-time"> </i> <span class="timeline-date">Today</span> - <span class="timeline-time">3:10</span>
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>Outdoor visit at California State Route 85 with John Boltana &amp; Harry Piterson regarding to setup a new show room.</p>
                                                    <p>
                                                        <i class="orange fa fa-exclamation"></i> New task added for <span><a href="#" class="info">James Dean</a></span>
                                                    </p>
                                                </div>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="timeline-datetime">
                                                <span class="timeline-time"> 8:19 </span><span class="timeline-date">Yesterday</span>
                                            </div>
                                            <div class="timeline-badge sky">
                                                <i class="fa fa-bar-chart-o"></i>
                                            </div>
                                            <div class="timeline-panel bordered-top-3 bordered-azure">
                                                <div class="timeline-header bordered-bottom bordered-blue">
                                                    <span class="timeline-title"> Bank Report </span>
                                                    <p class="timeline-datetime">
                                                        <small class="text-muted"> <i class="glyphicon glyphicon-time"> </i> <span class="timeline-date">Yesterday</span> - <span class="timeline-time">8:19</span>
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sem neque sed ipsum.</p>
                                                    Tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit
                                                </div>
                                            </div>
                                        </li>
                                        <li class="timeline-inverted">
                                            <div class="timeline-datetime">
                                                <span class="timeline-time"> 6:08 </span><span class="timeline-date">Yesterday</span>
                                            </div>
                                            <div class="timeline-badge sky">
                                                <img src="/assets/img/avatars/sergey-azovskiy.jpg" class="badge-picture"/>
                                            </div>
                                            <div class="timeline-panel">
                                                <div class="timeline-header bordered-bottom bordered-blue">
														<span class="timeline-title"> <a href="default.htm">Sergey Azovskiy</a> has commented on your <a href="default.htm">status</a>
														</span>
                                                    <p class="timeline-datetime">
                                                        <small class="text-muted"> <i class="glyphicon glyphicon-time"> </i> <span class="timeline-date">Yesterday</span> - <span class="timeline-time">6:08</span>
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>
                                                        <i class="orange fa fa-quote-left"></i> Happy Birthday Lydia.
                                                    </p>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="timeline-datetime">
                                                <span class="timeline-time"> 7:00 </span><span class="timeline-date">Yesterday</span>
                                            </div>
                                            <div class="timeline-badge danger">
                                                <i class="fa fa-exclamation font-120"></i>
                                            </div>
                                            <div class="timeline-panel">
                                                <div class="timeline-header bordered-bottom bordered-blue">
                                                    <span class="timeline-title danger"> Deadline Added </span>
                                                    <p class="timeline-datetime">
                                                        <small class="text-muted"> <i class="glyphicon glyphicon-time"> </i> <span class="timeline-date">Yesterday</span> - <span class="timeline-time">7:00</span>
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <p>
                                                        Dyvia Phillips added new milestone <span><a class="danger" href="#">UI</a></span> Lorem ipsum dolor sit amet consiquest dio
                                                    </p>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="timeline-inverted">
                                            <div class="timeline-datetime">
                                                <span class="timeline-time"> 3:09 </span><span class="timeline-date">Yesterday</span>
                                            </div>
                                            <div class="timeline-badge">
                                                <i class="fa fa-picture-o darkpink"></i>
                                            </div>
                                            <div class="timeline-panel">
                                                <div class="timeline-header bordered-bottom bordered-blue">
                                                    <p class="timeline-datetime">
                                                        <small class="text-muted"> <i class="glyphicon glyphicon-time"> </i> <span class="timeline-date">Yesterday</span> - <span class="timeline-time">3:09</span>
                                                        </small>
                                                    </p>
                                                </div>
                                                <div class="timeline-body">
                                                    <a href="#">John Travolta</a> shared an image on <a href="#">Dribble</a>
                                                    <div class="tl-wide text-center" style="padding: 5px; margin-top: 10px; margin-bottom: 10px;">
                                                        <img src="/assets/img/temp1.png" alt="" style="max-height: 158px; max-width: 100%;">
                                                    </div>
                                                    <i class="text-muted text-sm">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</i>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="timeline-node"><a class="btn btn-yellow">LOAD MORE</a></li>
                                    </ul>
                                </div>
                                <div id="contacts" class="tab-pane">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="profile-contacts">

                                                <div class="profile-badge orange">
                                                    <i class="fa fa-phone orange"></i><span>Contacts</span>
                                                </div>
                                                <div class="contact-info">
                                                    <p>
                                                        Phone : +1 1 2345 6789 <br> Cell : +1 9 876 5432
                                                    </p>
                                                    <p>
                                                        Email : kim@gmail.com <br> Skype : kim.ryder
                                                    </p>
                                                    <p>
                                                        Facebook : facebook.com/Kim.Ryder <br> Twitter : @KimRyder
                                                    </p>
                                                </div>
                                                <div class="profile-badge azure">
                                                    <i class="fa fa-map-marker azure"></i><span>Location</span>
                                                </div>
                                                <div class="contact-info">
                                                    <p>
                                                        Address<br> Department 98<br> 44-46 Morningside Road<br> Toronto, Canada
                                                    </p>
                                                    <p>
                                                        Office<br> 44-46 Morningside Road<br> Toronto, Canada
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div id="contact-map" class="animated flipInY"></div>
                                        </div>
                                    </div>
                                </div>
                                <div id="settings" class="tab-pane">
                                    <form role="form">
                                        <div class="form-title">Personal Information</div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Name"> <i class="fa fa-user blue"></i>
														</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Family"> <i class="fa fa-user orange"></i>
														</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Phone"> <i class="glyphicon glyphicon-earphone yellow"></i>
														</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Mobile"> <i class="glyphicon glyphicon-phone palegreen"></i>
														</span>
                                                </div>
                                            </div>
                                        </div>
                                        <hr class="wide">
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input class="form-control date-picker" id="id-date-picker-1" type="text" data-date-format="dd-mm-yyyy" placeholder="Birth Date"> <i
                                                                class="fa fa-calendar"></i>
														</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Birth Place"> <i class="fa fa-globe"></i>
														</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-title">Social Networks</div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Facebook"> <i class="fa fa-facebook purple"></i>
														</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Twitter"> <i class="fa fa-twitter azure"></i>
														</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Pinterest"> <i class="fa fa-pinterest red"></i>
														</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Flickr"> <i class="fa fa-flickr blue"></i>
														</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-title">Contact Information</div>
                                        <div class="row">
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Address 1">
														</span>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
														<span class="input-icon icon-right"> <input type="text" class="form-control" placeholder="Address 1">
														</span>
                                                </div>
                                            </div>
                                        </div>
                                        <button type="submit" class="btn btn-primary">Save Profile</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


</div>
<div id="orgselectdiv"></div>
<%include("/app/resapi/sysjs.html"){}%>
</body>
</html>
